﻿body {
    background:#2D3A4B;
    height:100vh;
    position:relative;
}
.content {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:300px;
    height:400px;
    overflow:hidden;
}
.title {
    margin-bottom:20px;
    text-align:center;
    font-size:27px;
    color:white;
}
.inp {
    display:flex;
    background:#283443;
    border:1px #3C4754 solid;
    margin-top:10px;
}
.usn,.pwd {
    width:100%;
    background:none;
    color:#d0d0d0;
    border:none;
    padding-left:10px;
}
input {
    outline:none;
}
.inp:focus{
    border:1px #409EFF solid;
}
.btn {
    display:block;
    width:280px;
    height:30px;
    color:white;
    border:none;
    border-radius:1px;
    background:#409EFF;
    margin:40px auto;
}
